<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+ 题库</title>
    <meta name="keywords" content="">
    <meta name="description" content="">


    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/wode.css?v=4.1.0" rel="stylesheet">
    <link href="css/timeline.css?v=4.1.0" rel="stylesheet">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-head1">
                    <img src="img/111.jpg">
                    <div class="uname">小三说我帅</div>
                    <div class="signature">我最帅我最帅我最帅</div>
                    <div class="wode-list">
                        <div class="pull-left wode-list-block">
                            <div class="title">做题</div>
                            <div class="content">444444</div>
                        </div>
                        <div class="pull-left wode-list-block">
                            <div class="title">做题</div>
                            <div class="content">44444</div>
                        </div>
                        <div class="pull-left wode-list-block">
                            <div class="title">做题</div>
                            <div class="content">4444</div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="space-25"></div>
                <div class ="ibox-list">
                    <div class="wode-element on">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">我的报告</span>
                            <div class="label label-warning pull-right xhd"></div>
                        </a>
                    </div>

                    <div class="wode-element on">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">错题集</span>
                            <span class=" label label-warning pull-right xhd">16</span>
                        </a>
                    </div>
                    <div class="wode-element">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">笔记</span>
                            <span class=" label label-warning pull-right xhd">16</span>
                        </a>
                    </div>
                    <div class="wode-element">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">未完成</span>
                            <div class="label label-warning pull-right xhd">16</div>
                        </a>
                    </div>

                </div>
            </div>
        </div>


        <div class="col-sm-9 animated fadeInRight">
            <div class="row animated fadeInRight">

                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>最新动态</h5>
                        </div>
                        <div class="ibox-content">

                            <div>
                                <div class="feed-activity-list">

                                    <div class="feed-element">
                                        <a href="profile.html#" class="pull-left">
                                            <img alt="image" class="img-circle" src="img/111.jpg">
                                        </a>
                                        <div class="media-body">
                                            <strong>作家崔成浩</strong><br>
                                            <small class="text-muted">2017-1-1 12:21</small>

                                            <div class="well">
                                                <h4 class="text-info">做了题目<strong>2017年上半年系统架构师上午题</strong></h4>
                                                <h5></h5>
                                                <p class="fontsize17"> 得分：<strong  class="font-face-kaushan22 text-warning ">44</strong></p>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                                <button class="btn btn-primary btn-block m"><i class="fa fa-arrow-down"></i> 显示更多</button>

                            </div>

                        </div>
                    </div>

                </div>
            </div>


        </div>
    </div>
</div>

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>

<!-- ECharts -->
<script src="js/plugins/echarts/echarts-all.js"></script>



<script>
    $(document).ready(function () {
        var pieChart = echarts.init(document.getElementById("echarts-pie-chart"));
        var pieoption = {
            title : {
                text: '某站点用户访问来源',
                subtext: '纯属虚构',
                x:'center'
            },
            tooltip : {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
         /*   legend: {
                orient : 'vertical',
                x : 'left',
                data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
            },*/
            calculable : true,
            series : [
                {
                    name:'访问来源',
                    type:'pie',
                    radius : '55%',
                    center: ['50%', '60%'],
                    data:[
                        {value:335, name:'直接访问'},
                        {value:310, name:'邮件营销'},
                        {value:234, name:'联盟广告'},
                        {value:135, name:'视频广告'},
                        {value:1548, name:'搜索引擎'}
                    ]
                }
            ]
        };
        pieChart.setOption(pieoption);
        $(window).resize(pieChart.resize);
    });
</script>

</body>

</html>
